body {
	background: url("../../images/gzhh_img/bg_body.png") no-repeat top rgb(234, 245, 252);
}
.content {
	margin: 0px auto; width: 1200px; position: relative;
}
/* 搜索框 */
.search{ float: right; border: 1px solid #FFF; background: #FFF; width: 390px; height:40px; margin-top:20px;  position: relative;  -webkit-border-radius: 3px; border-radius: 3px;}
.search .text{ color: #666666; font-size: 1.4em; display: block; width: 80px; float: left;
 text-align: center; line-height: 38px; }
.search form{ display: block; float: right; width:300px; padding-right: 90px;  }
.search .keyboard{ display: block; background: none; border: none; width: 100%; color: #666; padding-left: 10px; font-size: 1.4em; line-height: 38px; }
.search .inputSub{ display: block; width: 74px; height: 38px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; position: absolute; right: 0; top: 0; background:#0851d8 url(../../images/gzhh_img/search.png) center center no-repeat; border: none; }
/*-----------------------*/
.banner{ margin-bottom:0px; margin-top:10px; }
.index-banner{max-height: 450px; overflow: hidden; margin: 0 !important}
.banner img { max-width: 100%; display: block; }
.slick-dots { position: absolute; width: 100%; left: 0; bottom: 10px; }
.slick-dots li { width: 12px; height: 12px; opacity: 1; background: #fff; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.slick-dots li.slick-active { background: #18A817;}
.slick-dots li  button{ display: none }
/*图片滚动*/
.img-box { width: 100%; height: 110px; overflow: hidden; position: relative; }
.img-box ul { display: block; position: absolute; left: 0; top: 0; }
.img-box li { display: block; border:none; width: 185px; height: 110px; overflow: hidden; float: left; position: relative; margin: 0 10px; }
.img-box li .name { opacity: 0; filter: Alpha(opacity=0); display: block; width: 600%; height: 300%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; color: #FFF; font-size: 1.6em; text-align: center; line-height: 110px; position: absolute; left: 0; top: 0; z-index: 100; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000'); background:rgba(0,0,0,0.3);  }
.img-box li img { display: block; width: 100%; height: 100%;}
.img-box li:hover .name{ opacity: 1; filter: Alpha(opacity=100); width: 100%; height: 100%; }

/**/
/*模块样式index*/
.wrap{ padding: 10px; background: #FFF; }
.module3 { float: left; width: 490px; height: 190px;}
.module4 { float: left; width: 350px; height: 190px; margin: 0 20px 0 20px;}
.module5 { float: left; width: 220px; height: 190px;}
.module6 { float: left; width: 320px; height: 190px;}
.module1 .module-title span{ background: url(../../images/gzhh_img/module_ico1.png) left center no-repeat; }
.module2 .module-title span{ background: url(../../images/gzhh_img/module_ico2.png) left center no-repeat; }
.module3 .module-title span{ background: url(../../images/gzhh_img/module_ico3.png) center 20px no-repeat; }
.module4 .module-title span{ background: url(../../images/gzhh_img/module_ico4.png) center 20px no-repeat; }
.module5 .module-title span{ background: url(../../images/gzhh_img/module_ico5.png) center 20px no-repeat; }
.module6 .module-title span{ background: url(../../images/gzhh_img/module_ico6.png) left center no-repeat; }


.col-module{ position: relative; padding-left:60px; height: 100%;  }
.col-module .module-title{ background: #F1F5F8; width: 50px; height: 100%; padding: 0 10px; font-size: 2em; text-align: center; color:#272727; background: #F1F5F8; position: absolute; left: 0; top: 0; }
.col-module .module-title span{ display: block; padding-top: 50px; }
.module-content{ padding: 10px 0 0 0; }
/*资质荣誉*/
.module-content_zzry{
padding: 10px 0 0 0;
border-right:2px #eaf5fc solid;
text-align:center;
}
.module-content_zzry a{
float:left; margin-left:5px; margin:5px; text-align:center;
}
.module-content_zzry img{
	width:250px; height:180px;text-align:center; margin-left:5px; 
	
}
/*首页滚动*/
#demo {
background: #FFF;
overflow:hidden;
width: 1130px;
padding:0px 10px 0px 10px;
}
#demo img {
border: 1px solid #F2F2F2; margin-left:10px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
padding:0px 10px 0px 10px;
}
#demo2 {
float: left;
padding:0px 10px 0px 10px;
}
#hotdemo {
background: #FFF;
overflow:hidden;
width: 1130px;
}
#inhotdemo {
float: left;
width: 800%;
}
#hotdemo1 {
float: left;
}
#hotdemo2 {
float: left;
}

/* 系部导航 */
.group-list{ padding-top: 15px; }
.group-list li{ width: 33.3333%; float: left; padding: 10px 0  }
.group-list li a{font-size: 1.4em; line-height:30px; display: block; background: url(../../images/gzhh_img/group_ico.png) left center no-repeat; padding-left: 30px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;   }
.group-list li a:hover{background: url(../../images/gzhh_img/group_ico_on.png) left center no-repeat; color: #18A817}

/* 快速链接 */
.link-list li{ display: block; width: 33%; float: left; padding: 3px; padding-bottom:20px; }
.link-list li a{font-size:1.4em; text-align: center; }
.link-list li a img{ display: block; max-width: 100%; margin: 0 auto 5px auto; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.link-list li a:hover{color: #18A817}
.link-list li a:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
/*------------------------*/
.topic-list{}
.topic-list a img{margin-bottom:5px; margin-left:5px; float:left}

/*------------------------*/
.header-top {
	height: 200px;
}
.header-top .logo {
	margin: 50px 0px 0px 20px; float: left;
}
.header-top .webname {
	margin: 40px 80px 0px 0px; float: right;
}
/**/
.nav {
	background: rgb(5, 70, 190); position: relative; z-index: 100; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0px 6px 16px #a49cf3; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-box-shadow: 0 6px 6px #342a8f; padding-left:60px; padding-right:60px;
}
.nav li {
	padding: 6px 10px; width: 11.11%; float: left; display: block;
}
.nav li a {
	transition:0.5s linear; text-align: center; color: rgb(255, 255, 255); line-height: 34px; font-size: 1.6em; display: block; -webkit-transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear;
}
.nav li.home a {
	background: url("../../images/gzhh_img/home.png") no-repeat 100%;
}
.nav li.selected a {
	background: rgb(8, 57, 149); border-radius: 3px; -webkit-border-radius: 3px;
}
.nav li:hover a {
	background: rgb(8, 57, 149); border-radius: 3px; -webkit-border-radius: 3px;
}
.nav li.home:hover a {
	background: url("../../images/gzhh_img/home.png") no-repeat 100% rgb(255, 185, 70);
}
/**/
.footer {
	background: rgb(46, 48, 52); padding: 20px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 3; font-size: 1.4em; margin-top: 10px;
}
.footer span {
	padding: 0px 20px;
}
.footer a {
	color: rgb(255, 255, 255);
}
#scroll-top {
	background: url("../../../images/gzhh_img/03_dj/top.png") no-repeat center rgb(251, 107, 67); border-radius: 4px; width: 70px; height: 50px; right: 5px; bottom: 55px; position: fixed; z-index: 1000; cursor: pointer; opacity: 0.8; -webkit-border-radius: 4px;
}
#scroll-top:hover {
	opacity: 1;
}
@media only screen and (max-width:1200px)
{
.content {
	width: 990px;
}
.header-top .logo {
	margin: 50px 0px 0px 10px;
}
.header-top .webname {
	margin: 45px 10px 0px 0px;
}
.header-top .webname img {
	width: 400px;
}
.nav li.home a {
	background: none;
}
.nav li.home:hover a {
	background: rgb(255, 185, 70);
}
.footer span.commend {
	display: block;
}
}
@media only screen and (max-width:1023px)
{
.content {
	width: 740px;
}
.mobile-nav {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 60px; display: block; position: fixed; z-index: 100; box-shadow: 0px 3px 3px #ccc; -webkit-box-shadow: 0 3px 3px #ccc;
}
.nav-btn {
	top: 10px; width: 45px; height: auto; right: 20px; display: block; position: fixed; z-index: 99999; cursor: pointer;
}
.nav-btn span {
	background: rgb(252, 109, 69); margin: 10px auto; transition:0.5s; width: 80%; height: 3px; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.active.nav-btn {
	z-index: 1003;
}
.active.nav-btn .line2 {
	display: none;
}
.active.nav-btn .line1 {
	border-radius: 3px; transform: rotateZ(45deg) translateY(10px); -webkit-border-radius: 3px; -webkit-transform: rotateZ(45deg) translateY(10px); -moz-transform: rotateZ(45deg) translateY(10px); -o-transform: rotateZ(45deg) translateY(10px);
}
.active.nav-btn .line3 {
	border-radius: 3px; transform: rotateZ(-45deg) translateY(-10px); -webkit-border-radius: 3px; -webkit-transform: rotateZ(-45deg) translateY(-10px); -moz-transform: rotateZ(-45deg) translateY(-10px); -o-transform: rotateZ(-45deg) translateY(-10px);
}
.header-top .logo {
	margin: 0px; padding: 0px; left: 10px; top: 7px; height: 46px; position: fixed; z-index: 1001;
}
.header-top .logo img {
	height: 100%; display: block;
}
.header-top {
	padding-top: 80px;
}
.header-top .webname {
	margin: 0px auto; float: none; display: block;
}
.header-top .webname img {
	margin: 0px auto; display: block; max-width: 80%;
}
.nav {
	background: rgb(255, 255, 255); top: 66px; width: 50%; right: 0px; display: none; position: fixed;
}
.nav li {
	width: 100%; float: none;
}
.nav li a {
	background: rgb(240, 240, 240); color: rgb(0, 0, 0); line-height: 2.2;
}
.nav li.home a {
	background: rgb(240, 240, 240); color: rgb(0, 0, 0); line-height: 2.2;
}
.nav li.selected a {
	color: rgb(255, 255, 255);
}
.nav li:hover a {
	color: rgb(255, 255, 255);
}

.footer {
	padding: 5px 0px; line-height: 2;
}
.footer br {
	display: none;
}
.footer span {
	display: none;
}
.footer span.copyright {
	display: block;
}
#scroll-top {
	transform: scale(0.6); -webkit-transform: scale(.6); -moz-transform: scale(.6); -o-transform: scale(.6);
}
}
@media only screen and (max-width:767px)
{
.content {
	width: 590px;
}
}
@media only screen and (max-width:639px)
{
.content {
	width: 96%;
}
}
@media only screen and (max-width:479px)
{
.mobile-nav {
	height: 45px;
}
.header-top .logo {
	top: 5px; height: 36px;
}
.header-top {
	height: 160px; padding-top: 60px;
}
.nav-btn {
	top: 0px; right: 10px; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7);
}
.nav {
	top: 50px;
}
}

/*友情链接*/
.link { background: #FFFFFF; border-top: 2px solid #eaf5fc; position: relative; }
.link .link-box{ padding-left: 140px; height: 59px; }
.link span{ display: block; color: #fff; font-size:2em; background:#006699 url(../../images/gzhh_img/link.png) 10px center no-repeat; padding-left: 40px; width:140px; height: 59px; line-height: 59px; position: absolute;left: 0; top: 0;  }
.link .link-box{padding-top: 9px;}
.link .link-item { width: 24%; margin: 0 0.5%; float: left; position: relative;   }
.link .link-type { font-size: 1.4em; color: #555555; display: block; padding: 10px 7px 10px 10px; cursor: pointer; border: 1px solid #D2D2D2; border-radius: 3px; background: url('../../images/gzhh_img/list_un.png') no-repeat 95% center; }
.link .link-list { background: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; max-height: 0; overflow: hidden; position: absolute; top: 42px; width: 100%; z-index: 99; }
.link .link-item:hover .link-list { max-height: 130px; overflow-y: auto; }
.link  a { display: block; height: 35px; line-height: 35px; font-size: 1.4em; color: #666; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.link  a:hover { background: #E9E9E9; color: #333; }